// flex  横向
.flex-row {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  &-item {
    position: relative; // display: inline-block;
    flex: 1;
  }
}

// flex  纵向
.flex-column {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  &-item {
    width: 100%;
    position: relative; // display: inline-block;
    flex: 1;
  }
}

//居中显示
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
